import { createRouter, createWebHistory } from 'vue-router'
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  // linkActiveClass: 'active-router',
  routes: [
    {
      path:'/login',component:()=>import('@/views/Login/index.vue')
    },
    {
      path:'/',component:()=>import('@/views/Layout/index.vue'),
      children:[
        {path:'/',redirect:'/home'},
        {path:'home',component:()=>import('@/views/Home/index.vue')},
        {path:'category/:id',component:()=>import('@/views/Category/index.vue')},
        {path:'category/sub/:id',component:()=>import('@/views/SubCategory/index.vue')},
        {path:'detail/:id',component:()=>import('@/views/Detail/index.vue')},
        {path:'cartlist',component:()=>import('@/views/Cart/index.vue')},
        {path:'checkout',component:()=>import('@/views/Checkout/index.vue')},
        {path:'pay',component:()=>import('@/views/Pay/index.vue')},
        {path:'paycallback',component:()=>import('@/views/Pay/payResult.vue')},
        {path:'member',component:()=>import('@/views/Member/member.vue'),children:[
          {path:'/member',redirect:'/member/user'},
          {path:'user',component:()=>import('@/views/Member/components/user.vue')},
          {path:'order',component:()=>import('@/views/Member/components/order.vue')}
        ]}              
      ]
    }
  ],
  scrollBehavior(to, from, savedPosition) {
    // 始终滚动到顶部
    return { top: 0 }
  },
})

export default router
